<template>
    <div class="warp-top">
        <el-menu theme="dark" default-active="1" class="el-menu-demo" mode="horizontal" @select="handleSelect" router="true">
            <el-menu-item index="/index">LOGO</el-menu-item>
            <el-menu-item index="/wechat/sms">微信基本功能</el-menu-item>
            <el-menu-item index="/application/index">我的应用</el-menu-item>
            <el-submenu index="3">
                <template slot="title">我的工作台</template>
                <el-menu-item index="3-1">选项1</el-menu-item>
                <el-menu-item index="3-2">选项2</el-menu-item>
                <el-menu-item index="3-3">选项3</el-menu-item>
            </el-submenu>
            <el-menu-item index="4">订单管理</el-menu-item>
            <span class="login-btn">
                <router-link to="/login"><el-button size="small" type="primary">登陆</el-button></router-link>
                <router-link to="/register"><el-button size="small">注册</el-button></router-link>
            </span>
        </el-menu>
    </div>
</template>
<style>

</style>
<script>
  export default {
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>
